﻿ 
#login-body {
    padding: 0px;
    background: linear-gradient(to left, #ff3f011f, #ffffff00);
    /* 线性渐变从左到右（to right）从红色到白色 */
    height: 100vh; /* 让渐变充满整个视口高度 */
    margin: 0; /* 移除默认的边距 */
}
#login-body #img-log{
    
    width:40vw;

}
    #login-body .title{
        padding-top:16%;
        text-align:center;
        width:100%;
    }
.dv-input{
   
    padding-left:3%;
    padding-right:3%;
    text-align:center;
}
    .dv-input .input {
        border: none;
        height: 50px;
        padding-bottom: 1px;
        font-size: 19px;
        margin-top: 10px;
        padding-left: 10px;
        outline: none;
        border-bottom: 1px solid #8080809b;
        background:none;
        width:100%;
    }
.demos-header{
    padding-bottom:10%;
}



 * {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    text-decoration: none;
    color: inherit;
    font-weight: normal;
   /* font-family: "微软雅黑";*/
    box-sizing: border-box;
    font-style: normal;
}

body {
    width: 100%;
    overflow-x: hidden;
    background: url(../image/top_bg.png) top left no-repeat;
    background-size: 100%;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

a:hover, a:active, a:visited, a:link, a:focus {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    text-decoration: none;
}
/*头像*/
.head .img {
    width: 1.45rem;
    height: 1.45rem;
    background: #FFFFFF;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 1.25rem;
    text-align: center;
    overflow: hidden;
}

.head img {
    width: 1.25rem;
}

.head p {
    text-align: center;
    color: #FFFFFF;
    font-size: .24rem;
    padding-top: .15rem;
}
/*登陆表单*/
form {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 1.85rem .45rem .45rem .45rem;
}

    form .item {
        display: flex;
        align-items: center;
        height: 2rem;
        margin-bottom: .35rem;
        font-size: 15px;
        color: #33333399;
    }

        form .item input {
            width: 100%;
            height: 100%;
            display: inline-block;
            border: .01rem solid #ebebeb;
            border-radius: .85rem;
            box-shadow: 0px 0px 10px rgba(200,200,200,.1);
            padding-left: .8rem;
            outline: none;
        }
/*
            form .item input.name {
                background: url(../image/icon-phone.png) left .3rem center no-repeat;
                background-size: .23rem .35rem;
            }

            form .item input.vcode {
                background: url(../image/icon-verify.png) left .3rem center no-repeat;
                background-size: .33rem .33rem;
            }

            form .item input.password {
                background: url(../image/icon-lock.png) left .3rem center no-repeat;
                background-size: .22rem .32rem;
            }*/

        form .item span {
            /* flex-shrink: 0;*/
            display: inline-block;
            width: 25%;
            line-height: 39px;
            height: 90%;
            border-radius: .85rem;
            background: linear-gradient(to left, red, rgb(245 0 0 / 56%));
            font-size: 13px;
            color: #fff;
            text-align: center;
        }

            form .item span.disabled {
                background: #808080;
            }

    form p {
        text-align: center;
        color: #333333;
        font-size: .24rem;
        padding-top: .2rem;
    }

    form .submit {
        padding: .2rem .2rem;
        text-align:center;
    }

        form .submit button {
            margin-top: 2rem;
            height: 45px;
            line-height: 45px;
            text-align: center;
            font-size: 15px;
            color: #FFFFFF;
            border-radius: .85rem;
            outline: none;
            box-shadow: 0 0.15rem 0.15rem rgba(31,110,207,.2);
            display: inline-block;
            width: 100%;
            background: #1f6ecf;
            background: linear-gradient(to left, red, rgb(245 0 0 / 56%));
        }
/*第三方登陆*/
.other-login p {
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.7rem;
    margin: 0 auto;
}

    .other-login p:after {
        content: "";
        height: .01rem;
        width: 100%;
        background: #808080;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
    }

    .other-login p span {
        display: inline-block;
        padding: .1rem .3rem;
        background: #FFFFFF;
        color: #808080;
        font-size: .22rem;
        z-index: 2;
    }

.other-login .third ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .other-login .third ul li img {
        width: .66rem;
        height: .66rem;
        margin: 0 .25rem;
    }
/*尾部*/
.footer {
    padding-top: .3rem;
    text-align: center;
    position: absolute;
    bottom: 15px;
    width: 100%;
}

    .footer img {
        display: inline-block;
        width: 1.07rem;
        height: .35rem;
    }

    .footer p {
        font-size: 12px;
        color: rgb(4 4 4);
        text-align: center;
         
        letter-spacing: .01rem;
    }

        .footer p a {
            color: #078dda;
        }
 